<template>
  <view class="loadMoreGif"  v-if="show">
    <image class="loadedImg" :src="brandType == 2 ? 'https://100000063-1252208446.file.myqcloud.com/images/laoding3.gif' : 'https://100000063-1252208446.cos.ap-shanghai.myqcloud.com/images/ICON/lodingMore.png'" />
    <text>{{ message }}</text>
  </view>
</template>
<script>
export default {
  props: {
    show: {
      type: Boolean,
      default: false
    },
    message: {
      default: '正在加载中'
    }
  },
  data() {
    return {
      // 品牌信息 0：三仟院  1：ICH  2:PB
      brandType: getApp().globalData.brandType
    };
  },
  mounted() {
    let merchantInfo = uni.getStorageSync('merchantInfo');
  }
};
</script>
<style lang="less">
.loadMoreGif {
  width: 220rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 100rpx;
  padding-top: 15rpx;

  text {
    font-size: 30rpx;
    color: #999;
    margin-left: 10rpx;
  }

  image {
    width: 30rpx;
    height: 30rpx;
  }
  .loadedImg{
      -webkit-transform: rotate(360deg);
      animation: rotation 1.2s linear infinite;
      -moz-animation: rotation 1.2s linear infinite;
      -webkit-animation: rotation 1.2s linear infinite;
      -o-animation: rotation 1.2s linear infinite;
    }
    @-webkit-keyframes rotation{
      from {-webkit-transform: rotate(0deg);}
      to {-webkit-transform: rotate(360deg);}
  }
}
</style>
